<div class="detail">
    <div class="load" v-loading="isloading"></div>
    <div class="wrap">
        <LayoutCell>
            <LayoutCellItem title="关系链上级">
                <!-- <el-button type="primary" slot="option" @click="changeRelation"> {{has? '修改':'添加上级关系链'}} </el-button> -->
                <div class="header" v-if="!$vFN.Utils.isEmpty(detailInfo)">
                    <div class="left">
                        <imageBox :src="detailInfo.icon" width="100px" height="100px"></imageBox>
                    </div>
                    <div class="right">

                        <LayoutDetailGroup :gutter="20">
                            <LayoutDetailItem :span="8" label="昵称" :value="detailInfo.nickName || '无'">
                            </LayoutDetailItem>
                            <LayoutDetailItem :span="8" label="用户编码" :value="detailInfo.memberCode || '无'">
                            </LayoutDetailItem>
                            <LayoutDetailItem :span="8" label="手机号" :value="detailInfo.mobile || '无'">
                            </LayoutDetailItem>
                            <!-- <LayoutDetailItem :span="8" label="客户来源"
                                :value="detailInfo.memberChannelLst[0] ? channelType2Text(detailInfo.memberChannelLst[0].channelType) : '无'">
                            </LayoutDetailItem> -->

                            <LayoutDetailItem :span="8" label="生日" :value="detailInfo.birthday || '无'">
                            </LayoutDetailItem>
                            <LayoutDetailItem :span="8" label="性别" :value="detailInfo.gender | getSex">
                            </LayoutDetailItem>
                            <LayoutDetailItem :span="8" label="邮箱" :value="detailInfo.email || '无'">
                            </LayoutDetailItem>
                            <LayoutDetailItem :span="8" label="注册时间" :value="detailInfo.createdTimeStr || '无'">
                            </LayoutDetailItem>
                            <LayoutDetailItem :span="8" label="会员等级"
                                :value="detailInfo.memberLevel? detailInfo.memberLevel.name : '无'">
                            </LayoutDetailItem>
                            <LayoutDetailItem :span="8" label="是否拉黑" :value="detailInfo.blacklist === 1 ? '是' : '否'">
                            </LayoutDetailItem>
                            <LayoutDetailItem :span="8" label="是否为推广员"
                                :value="detailInfo.isPopularize === 1 ? '是' : '否'">
                            </LayoutDetailItem>



                            <LayoutDetailItem :span="8" label="最后登录时间" :value="detailInfo.lastLoginTimeStr || '未知'">
                            </LayoutDetailItem>
                            <LayoutDetailItem :span="16" label="地区" :value='`${detailInfo.country || ""}${detailInfo.province || ""}${detailInfo.city ||
                                    ""}`'></LayoutDetailItem>
                        </LayoutDetailGroup>
                    </div>
                </div>

            </LayoutCellItem>

        </LayoutCell>
    </div>


</div>